{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="{% static 'bs5/css/bootstrap.min.css' %}">
   
    <title>支付页面</title>
    <style>
        html, body {
            height: 100%;
            margin: 0;
        }
        body {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .content {

            width: 50%;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
            text-align: center; 
        }
    </style>
</head>
<body>

    <div class="content">
        <h1>支付账单</h1>
        <p>车牌号码: {{ vr.license_plate }}</p>
        <p>费用: {{ vr.fee }}</p>
        <a href="{{ vr.payment_link }}" class="btn btn-success">点击这里支付</a>
    </div>

    <script src="{% static 'bs5/js/bootstrap.bundle.min.js' %}"></script>
</body>
</html>
